<%-- 
    Document   : crearSalon
    Created on : 04/09/2013, 07:45:01 PM
    Author     : Abel
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Crear Salon</title> 
        <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
        <script src="http://jquery.bassistance.de/validate/jquery.validate.js"></script>
        <script src="http://jquery.bassistance.de/validate/additional-methods.js"></script>
        <script src="js/grid.locale-en.js"></script>
        <script src="js/jquery.jqGrid.min.js"></script>
        <script src="js/jquery.1.7.1.js"></script>
        <script src="js/jquery.jqGrid.src.js"></script>
        <!--Refewerenciamos al css de salon-->
        <link rel="stylesheet" type="text/css" href="css/Salon/cssSalon.css"/>
        <link rel="stylesheet" type="text/css" media="screen" href="css/jquery-ui-1.7.1.custom.css"/>
        <link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid_.css"/>
        <link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css"/>
        <!--Refewerenciamos el css principal-->
        <link rel="stylesheet" type="text/css" href="css/cssPaginas.css"/>
        <!--Refewerenciamos al js de salon-->
        <script src="js/Salon/jsSalon.js"></script>


    </head>
    <body onload="inicioSalon();">
    <center>
        <div class="divIconos" style="width: 70%;border: 1px solid black;height: 65px">
            <button id="homeIcon" class="homeIcono">
                <a href="index.jsp">
                    <img src="images/Iconos/Home.png" height="30px" width="50px" />
                    <div>Home</a></div>
        </button>
            <button id="cancelarIcon" class="icono" onclick="cancelar()">
            <a href="#">
                <img src="images/Iconos/Cancelar.png" height="30px" width="30px" />
                <div>Cancelar</a></div>
    </button> 
    <button id="eliminarIcon" class="icono" onclick="">
        <a href="#">
            <img src="images/Iconos/Borrar.png" height="30px" width="30px" />
            <div>Eliminar</a></div>
</button>            
<button id="buscarIcon" class="icono" onclick="buscar()">
    <a href="#">
        <img src="images/Iconos/Buscar.png" height="30px" width="30px" />
        <div>Buscar</a></div>
</button>
<button id="modificarIcon" class="icono" onclick="">
    <a href="#">
        <img src="images/Iconos/Editar.png" height="30px" width="30px" />
        <div>Modificar</a></div>
</button>
<button id="guardarIcon" class="icono" onclick="validarSalon()">
    <a href="#">
        <img src="images/Iconos/Guardar.png" height="30px" width="30px" />
        <div>Guardar</a></div>
</button>
<button id="nuevoIcon" class="icono" onclick="nuevo()">
    <a href="#">
        <img src="images/Iconos/Nuevo.png" height="30px" width="30px" />
        <div>Nuevo</a></div>
</button>

</div>

        
        
        
        
<div style="width: 70%;border: 1px solid black">
    <div id="inicioSalon" style="border: 1px solid blue;background-image:url(images/Aguila.jpg);height:300px;background-size: 100% 300px">        
        <br><br><br><br><br><br><br><br><br><br><br>
        <center>
            <h3>Administrar Salon</h3>
        </center>
    </div>
    
    
    
    <div id="nuevoSalon" style="border: 1px solid red;height: 300px">
        <center>
            <h3>Registrar Nuevo Salon</h3>
        </center>
        <form id="salonForm" method="POST" action="SSalon">
            <table>
                <tr>
                    <td align="right"><label for="field">Nombre Salon:</label></td>
                    <td align="left"><input type="text" class="left" id="nombre" name="nombre"></td>
                </tr>
                <tr>
                    <td align="right"><label for="field">Capacidad:</label></td>
                    <td align="left"><input type="text" class="left" id="capacidad" name="capacidad"></td>
                </tr>
                <tr>
                    <td align="right"><label for="field">Asignarle Un tutor:</label></td>
                    <td align="left"><select type="text" class="left" id="asignarTutor" name="asignarTutor">
                            <option value="">--Selecione a un Tutor--</option>
                            
                        </select>
                        <a href="#" onclick="probar()">registrar nuevo Tutor</a>
                    </td>
                </tr>
                <tr>
                    <td align="right"><label for="field">Tipo de Salon: </label></td>
                    <td align="left">
                        <select type="text" class="left" id="tipoSalon" name="tipoSalon">
                            <option value="">--seleciones un Tipo--</option>
                            <option value="1">CfrfffR7</option>
                            <option value="2">HTML5</option>
                        </select>
                    </td>
                </tr>
            </table>
           
        </form>
    </div>
    <div id="buscarSalon" class="contenido" style="border: 1px solid blue;height: 300px">
        <center>
            <h3>Buscar Salon</h3>
        </center>
        <form id="myform" method="POST">
            <table>
                <tr>
                    <td align="right"><label for="field">Nombre Salon: </label></td>
                    <td align="left"><input type="text" class="left" id="nombre" name="nombre"></td>
                    <td>
                        <div class="icono" onclick="javascript:alert('Hola')">                
                            <img src="images/Iconos/Buscar.png" height="16px" width="16px" />                    
                        </div>
                    </td>
                </tr>            
            </table>        
        </form>
        <div id="jQGrid">
            <table id="list"></table>
            <div id="page"></div>
        </div>
    </div>
</div>
<div class="piePagina" style="width: 70%;border: 1px solid black;height: 65px">
    <center>
        <h3><a href="http://www.google.com.pe">www.google.com.marte</a></h3>
    </center>
</div>
</center>
</body>    
</html>
